<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板差值语法</title>
    <script src="../../../../js/vue.global.js"></script>
</head>
<body>
<div id="app">
  <h1>{{ message}}</h1>
    <h1>{{ grate + ", " + name + "!"}}</h1>
    <h2>{{ num + 456 }}</h2>
</div>

<script>
  const app = Vue.createApp({
      data(){
          return {
              message: "Hello, World!",
              grate:"Hi",
              name:"abcque",
              num: 123,
          }
      }
  })

  app.mount("#app")
</script>
</body>
</html>